// 销售  洽谈进展
import React from 'react'
import style from './negotiation.less'
import { Button, Input, Select, DatePicker } from 'antd'

export default function negotiation() {

    const handleChange = (value) => {
        console.log(`selected ${value}`);
    };

    const onChange = (date, dateString) => {
        console.log(date, dateString);
    };
    return (
        <div className={style.addProfile}>
            <div className={style.top}>
                <Button>保存</Button>
                <Button>保存且新增</Button>
                <Button>草稿箱</Button>
            </div>
            <div className={style.content}>
                <p>洽谈进展</p>
                <div className={style.content_info}>
                    {/* 洽谈进展 */}
                    <div className={style.content_info_top}>
                        <table>
                            <tbody>
                                <tr>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>
                                        <i style={{ color: "red" }}>*</i>
                                        洽谈对象
                                    </td>
                                    <td colSpan={4}>
                                        <Input />
                                    </td>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>关联联系人</td>
                                    <td colSpan={4}>
                                        <Input />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        {/* 跟进方式 */}
                        <table>
                            <tbody>
                                <tr>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>
                                        跟进方式
                                    </td>
                                    <td style={{ width: "40.3%" }}>
                                        <Select
                                            defaultValue="电话跟进"
                                            style={{
                                                width: 481,
                                            }}
                                            onChange={handleChange}
                                            options={[
                                                {
                                                    value: '电话跟进',
                                                    label: '电话跟进',
                                                },
                                                {
                                                    value: '面谈',
                                                    label: '面谈',
                                                },
                                                {
                                                    value: '微信跟进',
                                                    label: '微信跟进',
                                                },
                                                {
                                                    value: 'QQ跟进',
                                                    label: 'QQ跟进',
                                                },
                                            ]}
                                        />
                                    </td>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>
                                        <i style={{ color: "red" }}>*</i>
                                        跟进时间</td>
                                    <td colSpan={4}>
                                        <DatePicker onChange={onChange} style={{
                                            width: 481,
                                        }} />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                            <tbody>
                                <tr style={{ height: "200px" }}>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>
                                        <i style={{ color: "red" }}>*</i>
                                        跟进内容
                                    </td>
                                    <td colSpan={10}>
                                        <Input style={{ height: "200px" }} />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        {/* 跟进人 */}
                        <table>
                            <tbody>
                                <tr>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>
                                        跟进人
                                    </td>
                                    <td colSpan={4}>
                                        <Input disabled placeholder='张妍' />
                                    </td>
                                    <td style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>关联联系人</td>
                                    <td colSpan={4}>
                                        <Input disabled placeholder='总经办' />
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                    <div className={style.content_info_top_bottom}>
                        <table>
                            <tbody>
                                <tr>
                                    <td colSpan={20} style={{ background: 'linear-gradient(#e6eefb, #f7fbff)' }}>附件<button>批量上传</button></td>
                                </tr>
                                <tr>
                                    <td colSpan={8}>文件名称</td>
                                    <td>文件大小</td>
                                    <td>上传人</td>
                                    <td>上传时间</td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colSpan={20}></td>
                                </tr>
                            </tbody>
                        </table>

                    </div>


                </div>
            </div>
        </div>
    )
}
